<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix ="c"%>
<%-- jstl 标签库  就是 将一些 java 代码用标签的形式 进行替换--%>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>

<div class="div-body">

<%--    <div class="div-header">--%>
<%--        <h1>头部信息展示数据</h1>--%>
<%--    </div>--%>

<%--    <div class="div-center">--%>

<%--        <div class="div-center-left">--%>
<%--            <div><a href="${pageContext.request.contextPath}/user/list.jsp">用户管理</a></div>--%>
<%--        </div>--%>

<%--        <div class="div-center-right">--%>
<%--            <div>--%>
<%--                <h2>添加用户</h2>--%>

                <form action="/book/user/addUser" method="post">
                    用户名称：<input type="text" name="username"><br>
                    用户密码：<input type="password" name="pwd"><br>
                    真实姓名：<input type="text" name="name"><br>
                    用户年龄：<input type="text" name="age"><br>
                    <input type="submit" value="确定添加">
                </form>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>

<%--    <div class="div-footer">--%>
<%--        <h1>底部信息</h1>--%>
<%--    </div>--%>

</div>



</body>
</html>

<style>

    .div-body {

        width: 1500px;
        height: 1000px;
        border: 1px solid red;

    }
    .div-header {
        width: 1500px;
        height: 100px;
        border: 1px solid ;
        text-align: center;

    }

    .div-center{

        width: 1500px;
        height: 900px;
        border: 1px solid ;
        display: flex;
        flex-direction: row;
    }

    .div-center-left{
        width: 300px;
        height: 900px;
        border: 1px solid ;
    }

    .div-center-right{
        width: 1200px;
        height: 900px;
        border: 1px solid ;
    }

    .div-center-right table {

        height: 850px;
        width: 1200px;
    }

    .div-footer{

        width: 1500px;
        height: 100px;
        border: 1px solid ;
    }

</style>